<template>
  <div class="container1">

    <div class=""></div>
    <div class="foot">
        <div class="foot-left">
          <i class="iconfont icon-shouye" style="color:#75CA86;"></i>
          首页
        </div>
        <div class="foot-conter" >
          <i class="iconfont icon-book"></i>
          测试
        </div>
        <div class="foot-right" @click="navChange('/packageParent/center')">
          <i class="iconfont icon-account"></i>
          中心
        </div>
    </div>
    <div class="apply" >报名</div>
    <div class="consult" >咨询</div>
  </div>
</template>

<script>
import * as user from '@/api/user'
import card from '@/components/card'
import split from '@/components/min/split'
import request from '@/utils/request'

export default {
  mpType: 'page',
  height: {
    type: String,
    default: '220px'
  },
  data () {
    return {
      imgUrls: [],
      schoolInfo: {},
      majorInfo: [],
      teacherList: [],
      pageNo: 1,
      schoolId: ''
    }
  },

  components: {
    card,
    split
  },
  onShareAppMessage () {
    return {
    }
  },
  beforeCreate () {

  },
  created () {
  },
  mounted () {
    user.test().then(res => {
      console.log(res)
    })
  },
  methods: {
    navChange (path) {
      this.$router.push(path)
    }
  }
}
</script>

<style scoped>
.container1 {
  background-color: rgb(246, 246, 246);
}
.iconfont {
  color: #75CA86;
}
.header {
  position: relative;
  width: 92%;
  margin: 30rpx auto 0 auto;
  border-radius: 8px; 
  background-color: #FFF;
}
.header-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-title .img {
  width: 88px;
  height: 127rpx;
  border-radius: 100%;
  margin: 36rpx;
}
.header-title image {
  width: 100%;
}
.header-title .title {
  font-size: 38rpx;
  color: rgb(51,51,51);
  margin-bottom: 20rpx;
  font-weight:bold;
}
.header-title .subtitle {
  font-size: 22rpx;
  color: rgb(153,153,153);
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  width: 92%;
}
.header .toggle {
  position:absolute;
  top:48rpx;
  right:16px;
  /* width:50px; */
  font-size:12px;
  color:#fff;
  background-color:#75CA86;
  /* padding: 5px; */
  border-radius:4px;
  border: 0;
  text-align: center;
  line-height:55rpx;
}
.header-body {
  font-size: 14px;
  color: rgb(51,51,51);
  position: relative;
  padding-bottom: 20rpx;
}
.header-body li {
  padding: 5px 20px;
}
.header-body i {
  margin-right: 12px;
}
.header-body .more {
  position: absolute;
  width: 156rpx;
  height: 50rpx;
  line-height: 50rpx;
  text-align: center;
  background-color: #75CA86;
  color: #ffffff;
  bottom: 40rpx;
  right: 16px;
  border-radius:60rpx
}

.cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #ffffff;
}
.cell>div {
  padding: 10px 12px;
}
.cell>div>div {
  font-size: 36rpx;
}
.cell .title {
  font-size: 14px;
  color: rgb(51,51,51);
  border-left: 6px solid #75CA86;
  padding-left: 6px;
}
.cell .value {
  font-size: 20rpx;
  color: rgb(153,153,153);
  text-align: right;
}
.cell i {
 margin-left: 4px;
}

.cards {
   background-color: #ffffff;
}
.cards .card {
  position: relative;
}
.cards .card .header1 {
  display: flex;
  flex-direction: row;
  align-items:top;
  padding:16px;
  box-sizing:border-box;
}
.cards .card.inline {
  display: inline-block;
  background-color: #fff;
  box-shadow:darkgrey 0 0 25rpx 1rpx;
  border-radius:20rpx;
}
.cards .card.inline>.header2 {
  display: flex;
  flex-direction: column;
  align-items:center; 
}
.cards .card .img {
  width: 200rpx;
  height: 160rpx;
  border-radius:20rpx;
}
.cards .card.inline >.header2 .img {
  width: 100%; 
  border-radius:20rpx 20rpx 0 0;
}
.cards .card  .title {
  font-size:30rpx;
  color:rgb(51,51,51);
  margin:12rpx 20rpx;

}
.cards .card .subtitle {
  margin: 0 20rpx;
  font-size: 22rpx;
  color: rgb(153,153,153);
}
.cards .card .tri {
  width:0;
  height:0;
  position: absolute;
  top:-1px;
  right:0px;
  border-width:26px;
  border-style: solid;
  border-color: #cc0 #cc0 transparent transparent;
}
.cards .card .status-value {
  position: absolute;
  top:6px;
  right:6px;
  font-size: 10px;
  color:#fff;
}

.title1{
  padding:20rpx 0 0 20rpx;
  font-size: 32rpx;
  color: rgb(51,51,51);
}
.subtitle1 {
  padding:20rpx 0 30rpx 20rpx; 
  font-size: 24rpx;
  color: rgb(51,51,51);
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  width:92%;
}
.cards.two-line {
  /* display: flex; */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap:30rpx;
  width:92%;
  padding:32rpx;

  /* flex-direction: row; */
  /* align-items: top; */
}
.apply {
    width: 123rpx;
    height: 123rpx;
    background-color:rgba(7, 186, 116, 0.7);
    border-radius: 100%;
	vertical-align: middle;
    color: #ffffff;
    text-align: center;
    line-height: 123rpx;
    position:fixed;
    right:40rpx;
    bottom: 350rpx;
}
.consult {
    width: 123rpx;
    height: 123rpx;
    background-color:rgba(7, 186, 116, 0.7);
    border-radius: 100%;
	vertical-align: middle;
    color: #ffffff;
    text-align: center;
    line-height: 123rpx;
    position:fixed;
    right:40rpx;
    bottom: 180rpx;
}
.wrapper {
  width:100%;
  background-color: rgb(246,246,246);
  /* height: 300rpx; */
}
swiper {
  width:100%;
  height: 200rpx;
}
.box{								 
  width: 100%;  
  display: inline-block;
  margin: 12px auto;
  box-sizing: border-box;
  text-align: center;
}
.box .img{
  width: 100%;
  /* border-radius: 10px; */
  height: 380rpx
}
</style>
